import { FC } from 'react';
import { Excalidraw, Footer } from '@excalidraw/excalidraw';
import { useColorScheme } from '@mui/joy/styles';
import { Theme } from '@excalidraw/excalidraw/types/element/types';

const DrawEditor: FC = () => {
  const { mode, systemMode } = useColorScheme();

  const editorTheme: Theme | undefined = mode === 'system' ? systemMode : mode;

  return (
    <Excalidraw
      theme={editorTheme}
      gridModeEnabled={true}
      UIOptions={{ canvasActions: { loadScene: false } }}
    >
      <Footer>asdas</Footer>
    </Excalidraw>
  );
};

export default DrawEditor;
